<template>
	<view>
		<!-- <div class="time-picker">
			<div style="margin-right: 10rpx;" >2024年1月</div>
			<u-icon name="arrow-down" ></u-icon>
		</div> -->
		<div class="list" v-if="list.length" >
			<div class="item" v-for="(item,index) in list" :key="index">
				<div class="left">
					<div class="img">
						<image :src="imgs" mode=""></image>
					</div>
					<div class="info">
						<div class="tx">{{item.typeName}}</div>
						<div class="time">{{item.time}}</div>
					</div>
				</div>
				<div class="right">
					<div class="num">
						{{item.num}}
					</div>
					<div class="ye">
						钱包余额 : {{item.ye}}
					</div>
				</div>
			</div>
		</div>
		<div v-else style="padding-top: 100rpx;">
			<u-empty text="无提现记录" margin-top="50rpx" mode="list"></u-empty>
		</div>
	</view>
</template>

<script>
	import imgs from '@/utils/imgs.js'
	export default {
		data() {
			return {
				imgs:imgs.my.m13,
				list:[
				
				]
			};
		}
	}
</script>

<style lang="scss">
.time-picker{
	width: 750rpx;
	height: 80rpx;
	padding: 18rpx 32rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.list{
	width: 750rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	padding: 36rpx;
	box-sizing: border-box;
	.item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 24rpx;
		.right{
			display: flex;
			flex-direction: column;
			// justify-content: right;
			align-items: flex-end;
			.num{
				font-weight: bold;
				font-size: 28rpx;
				color: #29BC58;
				margin-bottom: 12rpx;
				
			}
			.ye{
				font-weight: 500;
				font-size: 24rpx;
				color: #666666;
			}
		}
		.left{
			display: flex;
			align-items: center;
				
			.img{
				width: 72rpx;
				height: 80rpx;
				margin-right: 24rpx;
				>image{
					width: 100%;
					height: 100%;
				}
			}
			.info{
				.tx{
					font-weight: 500;
					font-size: 28rpx;
					color: #292525;
					margin-bottom: 12rpx;
				}
				.time{
					font-weight: 500;
					font-size: 24rpx;
					color: #666666;
				}
			}
		}
	}
}
</style>
